<!doctype html>
<html class="no-js">
<head>
  <?php include ROOT.DS.TPL_PATH.DS."meta.tpl.php";?>
  <meta name="description" content="<?=$item->seo_description?>-<?=WEB_NAME?>，专注后端开发,记录平凡中的精髓，汇聚未来中的能量。">
  <meta name="keywords" content="<?=$item->seo_key?>-<?=WEB_NAME?>">
  <title><?=$item->title?></title>
  <style>
	a.appBtn{
		color: #13A6F1;background-color: #B8E3F9;border-color: #B8E3F9;margin-bottom:.5rem;
	}
	a.appBtn:hover{
		color: #fff;
		background-color: #0e90d2;
		border-color: #0e90d2;
		font-weight:600;
	}
</style>
</head>
<body class="appBackground">
<?php include ROOT.DS.TPL_PATH.DS."header.tpl.php";?>

<div class="am-padding" style="padding-bottom:0;">
	<article class="am-article">
	  <div class="am-article-hd">
		<h2 class="am-article-title" style="font-weight:600;"><?=$item->title?></h2>
		<p class="am-article-meta">
				作者:&nbsp;<a href="<?=CONTEXT_PATH?>/blog/index?autor=<?=$item->autor?>"><b class="am-text-primary"><?=$item->autor?></b></a>
				<?php if(!empty($item->referer)){ ?>
				&nbsp;&nbsp;&nbsp;&nbsp;
				来源:&nbsp;<?=$item->referer?>
				&nbsp;&nbsp;&nbsp;&nbsp;
				浏览:&nbsp;<?=$item->hit_nums?>
				&nbsp;&nbsp;&nbsp;&nbsp;
				推荐:&nbsp;<?=$item->rec_nums?>
				<?php } ?>
				&nbsp;&nbsp;&nbsp;&nbsp;
				<span><i class="am-icon-clock-o"></i>&nbsp;<?=$item->create_time?></span>
		</p>
	  </div>
	</article>
</div>


<div class="am-g">
	<div class="am-u-md-8">
		<div class="am-margin-top am-padding" style="background:#fff;">
			<article id="text-detail" artId="<?=$item->id?>" class="am-text-break">
				<div class="am-article-bd" style="overflow:hidden;">
					<!--文章详细-->
					<!--标签-->
					<?php if($item->label_json!='[]'){?>
					<div class="am-text-sm" style="margin-top:0.5rem;" align="right">
						<i class="am-icon-tags"></i>
						<textarea name="label" style="display:none;"><?=$item->label_json?></textarea>
					</div>
					<?php }?>
					<blockquote><p>
						<?=$item->summary?>
					</p></blockquote>
					<?=$item->detail?>	
					<!--标签-->
					<?php if($item->label_json!='[]'){?>
					<div class="am-text-sm" style="margin-top:0.5rem;" align="right">
						<i class="am-icon-tags"></i>
						<textarea name="label" style="display:none;"><?=$item->label_json?></textarea>
					</div>
					<?php }?>
					<!--推荐-->
					<div id="recBtn" class="am-text-sm" style="margin-top:2rem;" align="center">
						<button data-val="1" data-id="<?=$item->id?>" class="am-btn am-btn-secondary am-btn-lg">
							<i class="am-icon-thumbs-o-up"></i>&nbsp;推荐
						</button>
						<button data-val="0" data-id="<?=$item->id?>" class="am-btn am-btn-default am-btn-lg">
							<i class="am-icon-thumbs-o-down"></i>&nbsp;无用
						</button>
					</div>
					<hr/>
					<!--分享代码-->
					<div class="bdsharebuttonbox am-show-md-up"  style="margin-top:1rem;"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_mail" data-cmd="mail" title="分享到邮件分享"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div>
					<!-- 多说评论框 start -->
					<div class="ds-thread" data-thread-key="blog_<?=$item->id?>" data-title="<?=$item->title?>" data-url="<?=CONTEXT_PATH.'/blog/detail?id='.$item->id?>"></div>
					<!-- 多说评论框 end -->
					<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
					<script type="text/javascript">
					var duoshuoQuery = {short_name:"92sq"};
						(function() {
							var ds = document.createElement('script');
							ds.type = 'text/javascript';ds.async = true;
							ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
							ds.charset = 'UTF-8';
							(document.getElementsByTagName('head')[0] 
							 || document.getElementsByTagName('body')[0]).appendChild(ds);
						})();
					</script>
					<!-- 多说公共JS代码 end -->
				</div>
			</article>	
			<hr/>
			<div class="am-text-break" style="overflow:hidden;">
				<!--感兴趣的文章-->
				<h3><i class="am-icon-star-half-full"></i>&nbsp;你可能感兴趣的文章</h3>
				<div app-data-url="<?=CONTEXT_PATH?>/blog/laris?label=<?=$item->labelIds?>&nid=<?=$item->id?>" class="am-list-news-bd"></div>
			</div>
		</div>
	</div>
	
	<div class="am-u-md-4" style="padding-left:0;padding-right:0;overflow:hidden;">
		<div class="am-margin-top" style="margin-left:0;">
			<div data-am-widget="list_news" style="background:#fff;margin-top:0;padding-top:0;"  class="am-list-news am-list-news-default shadow am-padding" >
				<div class="am-list-news-bd">
					<div class="cFont" align="center" style="padding-top:0.5rem;">
						<i class="am-icon-btn am-icon-twitter"></i><br/>
						<a href="<?=CONTEXT_PATH?>/blog/index?autor=<?=$item->autor?>"><b class="am-text-primary"><?=$item->autor?></b></a>
						<br/>
						隶属专栏
					</div>
				</div>
			</div>
			
			<!--系列文章-->
			<div class="am-margin-top">
				<div data-am-widget="list_news" style="background:#fff;padding:0rem 1rem 1rem;"  class="am-list-news am-list-news-default shadow" >
					<!--列表标题-->
					<div class="am-list-news-hd am-cf">
					  <h2><i class="am-icon-list"></i>&nbsp;系列文章</h2>
					   <a href="<?=CONTEXT_PATH?>/blog/index?autor=<?=$item->autor?>">
							<span class="am-list-news-more am-fr">more &raquo;</span>
					   </a>
					</div>
					<div app-data-url="<?=CONTEXT_PATH?>/blog/uaris?autor=<?=$item->autor?>&nid=<?=$item->id?>" class="am-list-news-bd"></div>
				</div>
			</div>	
			
			
			<!--所有标签-->
			<div class="am-margin-top">
				<div data-am-widget="list_news" style="background:#fff;padding:0rem 1rem 1rem;"  class="am-list-news am-list-news-default shadow" >
					<!--列表标题-->
					<div class="am-list-news-hd am-cf">
					  <h2><i class="am-icon-bookmark-o"></i>&nbsp;分类标签</h2>
					</div>
					<div app-data-url="<?=CONTEXT_PATH?>/blog/labels" class="am-list-news-bd"></div>
				</div>
			</div>	
		</div>	
	</div>
</div>
<?php include ROOT.DS.TPL_PATH.DS."footer.tpl.php";?>
<script src="<?=TPL_PATH?>/js/blog_detail.js?<?=VERSION?>"></script>
</body>
</html>